<template>
  <a-select v-bind="$attrs" v-on="$listeners" @change="handleChange" :value="v">
    <a-select-option
      v-for="item in selectOption"
      :value="item.key"
      :key="item.key"
    >
      {{ item.label }}
    </a-select-option>
  </a-select>
</template>
<script>
export default {
  name: 's-select',
  props: {
    v: {
      type: String,
      default: undefined
    },
    selectOption: {
      type: Array,
      default: () => []
    }
  },
  model: {
    prop: 'v',
    event: 'changev'
  },
  methods: {
    handleChange(value) {
      this.$emit('changev', value)
    }
  }
}
</script>
<style lang="less" scoped>
/deep/.ant-select {
  color: #333;
}
/deep/.ant-select-selection {
  border-radius: 2px;
  height: 34px;
}
/deep/.ant-select-selection__rendered {
  line-height: 34px;
}
</style>